//将屏幕划分为15等份
@no: 15;

html {
    font-size: 50px;
}

//新版本less除法/不能直接用，可以给/前面加.或者给外面加个括号
//320
@media screen and (min-width: 320px) {
    html {
        font-size: (320px/@no);
    }
}

//360
@media screen and (min-width: 360px) {
    html {
        font-size: (360px/@no);
    }
}

//375
@media screen and (min-width: 375px) {
    html {
        font-size: (375px/@no);
    }
}

//384
@media screen and (min-width: 384px) {
    html {
        font-size: (384px/@no);
    }
}

//400
@media screen and (min-width: 400px) {
    html {
        font-size: (400px/@no);
    }
}

//414
@media screen and (min-width: 414px) {
    html {
        font-size: (414px/@no);
    }
}

//424
@media screen and (min-width: 424px) {
    html {
        font-size: (424px/@no);
    }
}

//480
@media screen and (min-width: 480px) {
    html {
        font-size: (480px/@no);
    }
}

//540
@media screen and (min-width: 540px) {
    html {
        font-size: (540px/@no);
    }
}

//720
@media screen and (min-width: 720px) {
    html {
        font-size: (720px/@no);
    }
}

//750
@media screen and (min-width: 750px) {
    html {
        font-size: (750px/@no);
    }
}